<script setup lang="ts"></script>

<template>
  <div class="privacy-page">
    <!-- 头部导航 -->
    <div class="wrapper-content header-nav">
      <div class="header-left">
        <span class="logo" @click="$router.push('/index')">FileQX</span>
      </div>
      <div class="header-right">
        <ul class="nav-list">
          <router-link to="/contactUs">
            <li class="nav-item first-item">联系我们</li>
          </router-link>
          <router-link to="/login">
            <li class="nav-item">登入</li>
          </router-link>
          <router-link to="/register">
            <li class="nav-item last-item">报名</li>
          </router-link>
        </ul>
        <ul class="login-list">
          <router-link to="/login">
            <li class="nav-item">登入</li>
          </router-link>
        </ul>
      </div>
    </div>
    <!-- 主体内容 -->
    <div class="wrapper-content page-wrapper small">
      <div class="page-title left headline">
        <h1 class="title">Privacy Policy</h1>
      </div>
      <div class="page-content">
        <p>
          Sit orci justo augue maecenas laoreet consectetur natoque magnis in viverra sagittis, himenaeos urna facilisis
          mus proin primis diam accumsan tristique inceptos. Primis quisque posuere sit praesent lobortis feugiat semper
          convallis facilisis, vivamus gravida ligula nostra curae eu donec duis parturient senectus, arcu dolor viverra
          penatibus natoque cum nisi commodo. Litora sociis mauris justo nullam suspendisse mattis maecenas nascetur
          congue phasellus cras ultricies posuere donec, dapibus egestas diam lacus ornare montes senectus tincidunt eu
          taciti sed consequat.
        </p>
      </div>
    </div>
    <!-- 底部 -->
    <div class="wrapper-content footer-nav">
      <div class="logo">
        <b class="logo-text">FileQX</b>
      </div>
      <ul class="navigation-links">
        <li><router-link to="/contactUs" class="hover-text-theme">联系我们</router-link></li>
      </ul>
      <ul class="navigation-links">
        <li>
          <router-link to="/termsService" class="hover-text-theme">Terms of Service</router-link>
        </li>
        <li>
          <router-link to="/privacyPolicy" class="hover-text-theme">Privacy Policy</router-link>
        </li>
        <li>
          <router-link to="/cookiePolicy" class="hover-text-theme">Cookie Policy</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import '@/styles/privacyPolicy.scss';
</style>
